<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>资料-账户信息</title>
		<link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_357896_kxsfi9j7foagu8fr.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common/usercommon.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/accountinfor.css"/>
	</head>
	<body>
		<!--site-header start-->
		<nav class="site-header ylogin">
			<div class="container clearfix">
				<div class="header-logo"><a href="index.html"></a></div>
				<div class="header-nav">
					<ul class="nav-list">
						<li class="nav-item"><a class="active" href="index.html">首页</a></li>
						<li class="nav-item"><a href="html/casebase.html">案例库</a></li>
						<li class="nav-item"><a href="html/news.html">资讯</a></li>
						<li class="nav-item"><a href="html/footer/aboutus.html">关于我们</a></li>
						<li class="nav-item nav-more">
							<a href="javascript:void(0)">更多</a>
							<div class="more-list">
								<div class="item active"><a href="applyforenter.html">专利申请</a></div>
								<div class="item"><a href="footer/aboutus.html">关于我们</a></div>
							</div>
						</li>
					</ul>
				</div>
				<div class="header-search clearfix">
					<div class="header-login">
						<!--未登录 start-->
						<div class="login no-login"><a href="html/login.html">登录</a></div>
						<div class="login no-login registerbtn"><a href="html/register.html">注册</a></div>
						<!--未登录 end-->
						<!--已登录 start-->
						<div class="login y-login">
							<a href="">
								<div class="icon-user"><img src="../../img/icon-user.png"/></div>
							</a>
						</div>
						<!--已登录 end-->
						<div class="login-user">
							<div class="user-item item-usecenter"><a href="">个人中心</a></div>
							<div class="user-item item-message"><a href="">消息<span class="message-num">5</span></a></div>
							<div class="user-item item-exit">退出登录</div>
						</div>
					</div>
					<!--用户登录之后    用户类型为需求方，显示‘发布需求’;  用户类型为服务方,显示‘发布作品’;-->
					<!--<div class="header-pdemand header-pbtn">发布需求</div>-->
					<div class="header-pcasebtn header-pbtn"><a href="">发布作品</a></div>
					<div class="search clearfix">
						<form action="" method="post">
							<div class="search-type">
								<span class="type">案例</span>
								<span class="selectOff"></span>
								<div class="type-list">
									<div class="item active">案例</div>
									<div class="item">服务方</div>
								</div>
							</div>
							<div class="search-text"><input type="text" id="" value="" placeholder="请输入搜索关键字" /></div>
							<button class="header-searchbtn" type="button"></button>
						</form>
					</div>
				</div>
			</div>
		</nav>
		<!--site-header end-->
		<!--用户中心 顶部显示 start-->
		<header class="content-header">
			<div class="container">
				<!--入驻流程 start-->
				<div class="header-process clearfix" style="display: none;">
					<div class="process">
						<p class="ptitle">入驻流程 :</p>
						<a class="label active"><i class="iconfont icon-icon-complete"></i>公司信息<i class="xian">-----</i></a>
						<a class="label active"><i class="iconfont icon-icon-edit"></i>专长品类<i class="xian">-----</i></a>
						<a class="label"><i class="iconfont icon-icon-edit"></i>营业执照<i class="xian">-----</i></a>
						<a class="label"><i class="iconfont icon-icon-edit"></i>银行账户<i class="xian">-----</i></a>
						<a class="label"><i class="iconfont icon-icon-edit"></i>上传案例（5个以上）</a>
					</div>
					<a class="hbtn">提交审核</a>
				</div>
				<!--入驻流程 end-->
				<!--公司名称、logo等信息-->
				<div class="header-info">
					<!--类名iconfont 控制是否已认证-->
					<div class="info-logo info-label iconfont">
						<div class="img-wrapper"><img src="../../img/infor/company-logo.jpg"/></div>
					</div>
					<span class="info-name info-label">广州泽沐信息科技有限责任公司</span>
					<div class="info-type info-label">服务方</div>
				</div>
			</div>
		</header>
		<!--用户中心 顶部显示 start-->
		<!--用户中心  内容显示区域 start-->
		<div class="main">
			<div class="container clearfix">
				<aside class="main-left main-content">
					<ul class="main-list">
						<li>
							<div class="list-div iconfont"><i class="iconfont icon-icon-infor"></i>资料</div>
							<ul class="list-wrapper">
								<li><a class="active" href="account-infor.html">账户信息</a></li>
								<li><a href="company-infor.html">公司信息</a></li>
								<li><a href="category.html">专长品类</a></li>
								<li><a href="approve.html">认证证件</a></li>
								<li><a href="finance.html">财务信息</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-case"></i>案例</div>
							<ul class="list-wrapper">
								<li><a href="">审核中的案例</a></li>
								<li><a href="">历史案例</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-require"></i>需求</div>
							<ul class="list-wrapper">
								<li><a href="requisition.html">进行中的需求</a></li>
								<li><a href="">历史需求</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-order"></i>订单</div>
							<ul class="list-wrapper">
								<li><a href="order.html">进行中的订单</a></li>
								<li><a href="">历史订单</a></li>
							</ul>
						</li>
						<li>
							<div class="list-div"><i class="iconfont icon-icon-patent"></i>专利</div>
							<ul class="list-wrapper">
								<li><a href="patent.html">进行中的专利</a></li>
								<li><a href="">历史专利</a></li>
							</ul>
						</li>
					</ul>
				</aside>
				<article class="main-right main-content">
					<div class="content-item">
						<h3>账户信息</h3>
						<div class="itemdata clearfix">
							<div class="accounttext fl">
								<span class="plabel">登录账户</span>
								<span>13987654321</span>
							</div>
							<a class="newpsbtn btn borderbtn fr">设置新密码</a>
							<a class="editpsbtn btn borderbtn fr">修改密码</a>
						</div>
					</div>
					<div class="content-item item-links">
						<h3>联系人</h3>
						<div class="lineadd-wrapper">
							<a class="line-addbtn btnafter"><i class="iconfont icon-icon-add"></i>添加联系人</a>
						</div>
						<!--联系人列表-->
						<ul class="link-list">
							<li class="link-item active">
								<p class="item"><span class="name">陈小姐</span><span class="position">项目经理</span></p>
								<p class="item"><i class="iconfont icon-icon-phone"></i>13987654321</p>
								<p class="item"><i class="iconfont icon-icon-message"></i>13987654321@163.com</p>
								<p class="item"><i class="iconfont icon-icon-weixin"></i>来设计-陈经理<a class="unbindbtn">解绑微信</a><a class="bindbtn">绑定微信</a></p>
								<!--编辑区域-->
								<div class="edit-wrapper">
									<a class="btn">设为默认联系人</a>
									<a class="iconfont icon-icon-edit" title="编辑"></a>
									<a class="iconfont icon-icon-delete" title="删除"></a>
								</div>
							</li>
							<!--nodata:无数据-->
							<li class="link-item">
								<p class="item nodata"><span class="name">暂未填写联系人姓名</span></p>
								<p class="item"><i class="iconfont icon-icon-phone"></i>13987654321</p>
								<p class="item nodata"><i class="iconfont icon-icon-message"></i>暂未填写邮箱</p>
								<p class="item nodata"><i class="iconfont icon-icon-weixin"></i>绑定微信，随时获取项目进度<a class="unbindbtn">解绑微信</a><a class="bindbtn">绑定微信</a></p>
								<!--编辑区域-->
								<div class="edit-wrapper">
									<a class="btn borderbtn">设为默认联系人</a>
									<a class="iconfont icon-icon-edit" title="编辑"></a>
									<a class="iconfont icon-icon-delete" title="删除"></a>
								</div>
							</li>
						</ul>
					</div>
				</article>
			</div>
		</div>
		<!--用户中心  内容显示区域 end-->
		<!--site-footer start-->
		<footer class="site-footer">
			<div class="container clearfix">
				<dl class="footer-links">
					<dt>关于来设计</dt>
					<dd><a href="">服务协议</a></dd>
					<dd><a href="">关于我们</a></dd>
					<dd><a href="">加入我们</a></dd>
					<dd><a href="">网站地图</a></dd>
				</dl>
				<dl class="footer-links">
					<dt>帮助中心</dt>
					<dd><a href="">合作伙伴</a></dd>
					<dd><a href="">常见问题</a></dd>
					<dd><a href="">用户反馈</a></dd>
				</dl>
				<dl class="footer-links">
					<dt>友情链接</dt>
					<dd><a href="">家电网</a></dd>
					<dd><a href="">硬件开发外包</a></dd>
					<dd><a href="">打印虎</a></dd>
					<dd><a href="">北京工业设计公司</a></dd>
					<dd><a href="">更多</a></dd>
				</dl>
				<div class="footer-contact clearfix">
					<div class="contact-tel clearfix">
						<div class="contact-code fl">
							<img src="../../img/footer-code.jpg"/>
							<p>来设计服务号</p>
						</div>
						<div class="contact-phone fl">
							<p class="foot16 tel">服务热线：<a href="tel:400-930-9997">4009-309-997</a></p>
							<p class="foot14 time">09:00 - 18:00  [工作日]</p>
						</div>
					</div>
					<div class="contact-address">
						<p>广州总部 / 广东省广州市天河区陶庄路5号五号空间创意园3楼3F012-13</p>
						<p>佛山 / 广东省佛山市顺德区容桂镇冠天新站广场</p>
					</div>
				</div>
			</div>
			<!--site-info start-->
			<div class="site-info">
				<div class="container">
					<div>Copyright &copy; 2016-2018 来设计 laisj 版权所有 粤ICP备16061052号</div>
				</div>
			</div>
			<!--site-info end-->
		</footer>
		<!--site-footer end-->
		<!--site-toobar start-->
		<div class="site-toolbar">
			<!--在线咨询 start-->
			<div class="toolbar-tool toolbar-lineinfo">
				<a href="">
					<div></div>
					<p>在线咨询</p>
				</a>
			</div>
			<!--在线咨询 end-->
			<!--回到顶部按钮 start-->
			<div class="toolbar-tool toolbar-topbtn"></div>
			<!--回到顶部按钮 start-->
		</div>
		<!--site-toobar end-->
		
		<!--设置密码、重置密码 start-->
		<div class="site-window win-setpassword">
			<div class="container">
				<div class="win-content">
					<div class="content-title"><span>修改密码</span><a class="btn-close iconfont icon-icon-close"></a></div>
					<div class="content-form">
						<form action="" method="post">
							<div class="item-oldps form-item">
								<p class="label">旧密码<i class="red">*</i></p>
								<input class="inputtext" type="text" id="oldps" value="" placeholder="旧密码（6-18位）" />
							</div>
							<div class="form-item">
								<p class="label">新密码<i class="red">*</i></p>
								<input class="inputtext" type="text" id="newps" value="" placeholder="新密码（6-18位）" />
							</div>
							<div class="form-item">
								<p class="label">重复新密码<i class="red">*</i></p>
								<input class="inputtext" type="text" id="secondps" value="" placeholder="重复新密码（6-18位）" />
							</div>
							<div class="form-item last-form-item">
								<p class="label"></p>
								<a class="upbtn bgbtn btnafter" type="submit">保存</a>
							</div>
							<input class="reset" type="reset" value=""/>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--设置密码、重置密码 end-->
		
		<!--添加联系人、修改联系人信息 start-->
		<div class="site-window win-addlinks">
			<div class="container">
				<div class="win-content">
					<div class="content-title"><span>添加联系人</span><a class="btn-close iconfont icon-icon-close"></a></div>
					<div class="content-form">
						<form action="" method="post">
							<div class="form-item">
								<p class="label">姓名<i class="red">*</i></p>
								<input class="inputtext" type="text" id="link-name" value="" placeholder="请填写姓名" />
							</div>
							<div class="form-item">
								<p class="label">职位<i class="red">*</i></p>
								<input class="inputtext" type="text" id="link-position" value="" placeholder="请填写职位信息" />
							</div>
							<div class="form-item">
								<p class="label">手机号<i class="red">*</i></p>
								<input class="inputtext" type="text" id="link-phone" value="" placeholder="请输入手机号" />
							</div>
							<div class="form-item">
								<p class="label">邮箱<i class="red">*</i></p>
								<input class="inputtext" type="text" id="link-email" value="" placeholder="请输入邮箱" />
							</div>
							<div class="form-item last-form-item">
								<p class="label"></p>
								<a class="upbtn bgbtn btnafter" type="submit">保存</a>
							</div>
							<input class="reset" type="reset" value=""/>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--添加联系人、修改联系人信息 end-->
		
		<!--微信二维码  start-->
		<div class="site-window win-weichat">
			<div class="container">
				<div class="weichat-wrap win-content">
					<h4 class="first">使用微信扫二维码关注服务号</h4>
					<h4>可及时获知订单的状态变化消息</h4>
					<div class="img-wrap">
						<div class="text">二维码生成中...</div>
						<img src="../../img/infor/weichat.png">
						<div class="shade-div">获取微信二维码失败，<br />请刷新页面重试！</div>
					</div>
				</div>
			</div>
		</div>
		<!--微信二维码  end-->
		
		<!--删除提示弹框 start-->
		<div class="site-window win-delalert">
			<div class="container">
				<div class="po-alert win-content">
					<div class="title">确认删除营业品类？</div>
					<div class="btn-list clearfix">
						<a class="btn-re fl">取消</a>
						<a class="btn-conf btnafter fr">确定</a>
					</div>
				</div>
			</div>
		</div>
		<!--删除提示弹框 end-->
	</body>
	<script src="../../js/common/jquery-1.12.4.min.js" ></script>
	<script src="../../js/common.js" ></script>
	<script src="../../js/common/usercommon.js" ></script>
	<script>
		$(function(){
			inputFocus('.site-window');
			
			//1.设置密码、修改密码
			var passwordFun = function(selector){
				var $sel = $(selector),
					$item_oldps = $('.win-setpassword .item-oldps'),
					$win_title = $('.win-setpassword .content-title span'),
					$win_ps = $('.win-setpassword'),
					$updatabtn = $('.win-setpassword .upbtn');
				
				siteWindow('.win-setpassword');
				$sel.on('click',function(){
					//设置密码
					if(selector === '.newpsbtn'){
						$item_oldps.css('display','none');
						$win_title.text('设置新密码');
						winFade($win_ps,true);
						return false;
					}
					
					//修改密码
					$item_oldps.css('display','block');
					$win_title.text('修改密码');
					winFade($win_ps,true);
				});
				
				//提交数据
				$updatabtn.on('click',function(){
					var $oldps = $('#oldps'),
						$newps = $('#newps'),
						$secondps = $('#secondps');
					var data = null;	
					//判空	
					if(selector === '.editpsbtn'&&$oldps.val() == ''){
						$oldps.css('border-color','#ee0003');
						viewAnimated($error_view,$error_view,'请输入旧密码');
						return false;
					}
					if($newps.val() == ''){
						viewAnimated($error_view,$error_view,'请输入6-18位的新密码');
						$newps.css('border-color','#ee0003');
						return false;
					}
					if($secondps.val() == ''){
						viewAnimated($error_view,$error_view,'请输入再次输入密码');
						$secondps.css('border-color','#ee0003');
						return false;
					}
					
					//设置密码
					if(selector === '.newpsbtn'){
						updata(url,data);
					}
					//修改密码
					if(selector === '.editpsbtn'){
						updata(url,data);
					}
				});
			}
			//1.1设置密码
			passwordFun('.newpsbtn');
			//1.2修改密码
			passwordFun('.editpsbtn');
			
			
			//2.ajax请求公共方法
			function updata(url,data){
				$.ajax({
					type:"post",
					url: url,
					data: data,
					async:true,
					success:function(res){
						console.log(res);
			            if(res.code === 200){
			            	window.location.reload();
			            }
					},
					error:function(res){
						console.log(res);      //错误的对象
					}
				});
			}
			
			
			//3.添加、编辑联系人
			var linkman = function(selector){
				var $btn = $(selector),
					$winlink_title = $('.win-addlinks .content-title span'),
					$win_link = $('.win-addlinks'),
					$link_upbtn = $('.win-addlinks .upbtn');
				
				$btn.on('click',function(){
					siteWindow('.win-addlinks');
					if(selector === '.line-addbtn'){
						//3.1添加联系人
						//3.1.1修改标题
						$winlink_title.text('添加联系人');
						//3.1.2弹出弹窗
						winFade($win_link,true);
						return false;
					}
					//3.2编辑联系人
					//3.2.1修改标题
					$winlink_title.text('编辑联系人');
					//3.2.2 原有数据填写
					
					//3.2.3弹出弹窗
					winFade($win_link,true);
				});
				
				//3.3 提交数据
				$link_upbtn.on('click',function(){
					
				});
			}
			//3.1添加联系人
			linkman('.line-addbtn');
			//3.2编辑联系人
			linkman('.edit-wrapper .icon-icon-edit');	
			
			
			//4.删除联系人
			$('.edit-wrapper .icon-icon-delete').on('click',function(e){
				//定义删除联系人弹窗方法
				delalert('确定删除联系人?');
				//弹出删除联系人弹窗
				winFade($('.win-delalert'),true);
				
				//删除此联系人
				$('.win-delalert .btn-conf').on('click',function(){
					
				});
			});
			
			
			//5.绑定微信
			var wechat = function(){
				$('.bindbtn').on('click',function(){
					
				});
			}
			
			//6.解绑微信
			$('.link-item .unbindbtn').on('click',function(e){
				//定义解绑微信弹窗方法
				delalert('确定解绑微信?');
				//弹出解绑微信弹窗
				winFade($('.win-delalert'),true);
				
				//解绑微信
				$('.win-delalert .btn-conf').on('click',function(){
					
				});
			});	
		});
	</script>
</html>
